<template>
    <OnClickOutside @trigger="close">
        <div style="border: 1px solid red;">
            Click Outside of Me
        </div>
    </OnClickOutside>
</template>

<script setup>
import { ref } from 'vue';
import { OnClickOutside } from '@vueuse/components'

const el = ref(null);

const close = () => {
    console.log('close');
};

</script>

<style lang="scss" scoped></style>